<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../mixins/style/base.css"/>
    <link rel="stylesheet" href="../mixins/style/normalize.css"/>

    <style>
        .el-select {
            width: 100%;
        }

        .title {
            line-height: 40px;
            height: 40px;
            text-align: right;
            padding-right: 10px;
        }
    </style>
</head>

<body>

<div class="container" id="app">


    <el-row class="mt_10">
        <el-col :span="4" class="title">
            <label for="">类型</label>
        </el-col>
        <el-col :span="16">

            <el-select v-model="type" placeholder="请选择" @change="type_select_change"
            >
                <el-option
                        v-for="item in typeArr"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                </el-option>
            </el-select>
        </el-col>
        <el-col :span="4">&nbsp;
        </el-col>
    </el-row>

    <el-row class="mt_10" v-if="type!=''">
        <el-col :span="4" class="title">
            <label for="">生成规则模板</label>
        </el-col>
        <el-col :span="16">

            <el-select v-model="template_id" placeholder="请选择" filterable @change="template_select_change"
            >
                <el-option
                        v-for="item in templateListAfterFilter"
                        :key="item.id"
                        :label="item.fullName"
                        :value="item.id">
                </el-option>
            </el-select>
        </el-col>
        <el-col :span="4">&nbsp;
        </el-col>
    </el-row>

    <el-row class="mt_10" v-if="type==1">
        <el-col :span="4" class="title">多模板文件夹路径
        </el-col>
        <el-col :span="16">
            <el-input v-model="folder_path" placeholder="扫描含多个PDF的文件夹路径"></el-input>
        </el-col>
        <el-col :span="4">&nbsp;
        </el-col>
    </el-row>

    <el-row class="mt_10" v-if="type==2">
        <el-col :span="4" class="title">
            图片文件夹路径
        </el-col>
        <el-col :span="16">
            <el-input v-model="img_folder" placeholder="需要扫描的图片路径"></el-input>
        </el-col>
        <el-col :span="4">&nbsp;
        </el-col>
    </el-row>




    <el-row class="mt_10">
        <el-col :span="4" class="title">
        </el-col>
        <el-col :span="16">

            <el-button type="primary" v-on:click.stop="create_go">生 成</el-button>
            <el-button type="danger" v-on:click.stop="form_reset">重 置</el-button>
        </el-col>
        <el-col :span="4">&nbsp;
        </el-col>
    </el-row>


</div>


<script src="../lib/jquery.js"></script>
<script src="../lib/sea-all.js"></script>

<script src="../lib/vue.js"></script>
<script src="../lib/vue-router.js"></script>

<script src="../page/boot.js"></script>
<script src="../lib/lodash.js"></script>

<link rel="stylesheet" href="../lib/font-awesome/css/font-awesome.css">

<link rel="stylesheet" href="../lib/elementui/index.css">
<script src="../lib/elementui/index.js"></script>

<link rel="stylesheet" href="../lib/toastr/toastr.css"/>
<script src="../lib/toastr/toastr.min.js"></script>


<script src="../mixins/global.mixins.js"></script>

<script>
    $(function () {
        // inlineBlock 兼容safari
        function inlineBlockHack() {
            $('.inline-block-container').contents().filter(function () {
                return this.nodeType === 3;
            }).remove();
        }

        inlineBlockHack();
    });
</script>

<script>
    $(function () {
        seajs.use('page/CreateByTemplate.js');
    })
</script>


</body>